
import React from 'react';
import { Scatter } from '@ant-design/plots';

const DemoScatter = ({ data }) => {
  console.log("22222");
  if (!data || data.length === 0) {
    return <div>Loading...</div>;
  }

  const config = {
    data: data,
    xField: 'userDeptId',
    yField: 'userAge',
    colorField: 'userSex',
  };

  return <Scatter {...config} />;
};

export default DemoScatter;
